<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>学生管理</title>
		<!-- Bootstrap -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/sys.css"/>
		<link rel="stylesheet" type="text/css" href="css/datatables.css"/>
	</head>
	<body>
		<div class="container">
			<!-- 顶部 -->
			<nav class="navbar navbar-default" style="background-color: #88add9;">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
						 aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="#" style="color: #fff;">宿舍管理系统</a>
					</div>

					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<div class="nav navbar-nav navbar-right" style="line-height: 50px;">
							<span id="span_account" style="color: black;margin-right: 40px;">当前用户：
								<span style="color: red;">
									某某
								</span>
							</span>
						</div>
					</div>
				</div>
			</nav>
			<!-- 左侧导航栏 -->
			<div class="list-group" style="width: 12%;position: absolute;">
				<a href="sys.html" class="list-group-item">
					首页<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span>
				</a>
				<a href="MainHouParen.html" class="list-group-item" style="color: #0088cc;">宿舍管理员管理 <span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="MainStu.html" class="list-group-item active" >学生管理 <span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="MainHouse.html" class="list-group-item" style="color: #0088cc;">宿舍楼管理<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="MainAbs.html" class="list-group-item" style="color: #0088cc;">缺勤管理<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="MainPsw.html" class="list-group-item" style="color: #0088cc;">修改密码<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
				<a href="login.html" class="list-group-item" style="color: #0088cc;">退出系统<span class="glyphicon glyphicon-chevron-right right" style="color: #ccc;"></span></a>
			</div>
			
			<!-- 学生管理 -->
			<div class="panel panel-info dis_block"  style="width: 85%;float: right;">
				<div class="panel-heading" style="background-color: #fff;">
					<span style="color: #000;">学生管理</span>
				</div>
				<div class="panel-heading">
						<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#modal_add_Stu">添加</button>
						<button type="button" id="btn_delSelected" class="btn btn-success btn-sm" style="background-color: red;color: #fff;border: 1px solid red;">删除</button>
					<div class="pull-right" style="width: 385px;">
						<select name="lou" class="select_name"  style="width: 110px;">
							<option value="0">全部宿舍楼</option>
							<option value="1">1栋</option>
							<option value="2">2栋</option>
							<option value="3">3栋</option>
							<option value="6">6栋</option>
							<option value="8">8栋</option>
							<option value="10">10栋</option>
							<option value="12">12栋</option>
						</select>
						<select name="stu_name" class="select_name">
							<option value="name" id="opt_name">姓名</option>
							<option value="telephone" id="opt_telephone">电话</option>
						</select>
						<input type="text" class="form-control input-sm" id="ipt_name" style="width: 120px;border-radius: 20px;float: left;margin-left: 10px;margin-right: 10px;">
						<button type="button" class="btn btn-success btn-sm" data-toggle="modal" style="background-color: #0088cc;border: transparent;" onclick="search()">搜索</button>
					</div>
				</div>
				<div class="panel-body">
					<table class="table table-striped table-bordered table-hover" id="mytable">
						<thead>
							<tr>
								<th style="text-align: center;"><input type="checkbox" name="cb_select_all"/></th>
								<th>学号</th>
								<th>姓名</th>
								<th>性别</th>
								<th>宿舍楼</th>
								<th>寝室</th>
								<th>电话</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
			
						</tbody>
					</table>
				</div>
			</div>
			
			<!--  学生管理添加 -->
			<div id="modal_add_Stu" class="modal fade" tabindex="-1" role="dialog">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">添加</h4>
						</div>
						<div class="modal-body">
							<form id="form">
								<div class="form-group">
									<p class="p1"><span style="color: red;">*</span>姓名: </p>
									<input type="text" class="form-control" name="name" placeholder="姓名" /></br>
								</div>
								<div class="form-group">
									<p class="p1"><span style="color: red;">*</span>性别: </p>
									<!-- <input type="text" class="form-control" name="sex" placeholder="性别" /></br> -->
									<select name="sex" id="sex" class="form-control" style="width: 40%;height: 34px;margin-left: 27%;border: 1px solid #ccc;">
										<option value="男">男</option>
										<option value="女">女</option>
									</select>
								</div>
								<div class="form-group">
									<p class="p1"><span style="color: red;">*</span>宿舍楼: </p>
									<input type="text" class="form-control" name="houNum" placeholder="宿舍楼" /></br>
								</div>
								<div class="form-group">
									<p class="p1"><span style="color: red;">*</span>寝室: </p>
									<input type="text" class="form-control" name="room" placeholder="寝室" /></br>
								</div>
								<div class="form-group">
									<p class="p1"><span style="color: red;">*</span>联系电话: </p>
									<input type="text" class="form-control" name="telephone" placeholder="联系电话" /></br>
								</div>
							</form>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" onclick="save()" class="btn btn-primary">保存</button>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		
		<script src="js/jquery-3.5.1.js"></script>
		<script src="js/datatables.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/MainStu.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
